<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汉中旅游 - 探索千年古城</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/nav.css">
    <meta name="description" content="汉中旅游官方网站，提供汉中景点、美食、住宿、交通等全方位旅游信息，让您的汉中之旅更加便捷、愉快。">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- 页面加载动画 -->
    <div class="page-loader">
        <div class="loader"></div>
    </div>
   <!-- 顶部快速导航栏 -->
<div class="top-quick-nav" style="background-color: #DC4E42; display: flex; align-items: center; justify-content: center; padding: 0 50px;">
    <div class="quick-nav-container">
        <ul style="display: flex; align-items: center;">
            <li style="display: flex; align-items: center; margin-right: 0;">
                <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 40px; border-radius: 5px; margin-right: 10px;">
            </li>
            <li><a href="index.html" class="active">首页</a></li>
            <li><a href="jingdian.html">景点介绍</a></li>
            <li><a href="luxian.html">旅游线路</a></li>
            <li><a href="gonglue.html">旅游攻略</a></li>
            <li><a href="meishi.html">美食推荐</a></li>
            <li><a href="wenhua.html">汉文化活动</a></li>
            <li><a href="contact.html">联系我们</a></li>
            <li><a href="faq.html">常见问题</a></li>
        </ul>
    </div>
</div>
    
    <!-- 浮动导航菜单 -->
    <div class="float-nav">
        <button class="float-nav-toggle" id="floatNavToggle" title="快速导航">
            <i class="fas fa-bars"></i>
        </button>
        <div class="float-nav-menu" id="floatNavMenu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="jingdian.html">景点介绍</a></li>
                <li><a href="luxian.html">旅游线路</a></li>
                <li><a href="gonglue.html">旅游攻略</a></li>
                <li><a href="meishi.html">美食推荐</a></li>
                <li><a href="wenhua.html">汉文化活动</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="faq.html">常见问题</a></li>
            </ul>
        </div>
    </div>


    <!-- 导航栏 -->
    <nav>
        <div class="container">
            <div class="nav-container">
                <div class="nav-logo">
                    <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 45px; border-radius: 5px; margin-right: 10px;">
                    <h2 style="color: #ffffff; font-weight: bold;">汉中旅游</h2>
                </div>
                <ul class="main-nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="dropdown">
                        <a href="jingdian.html"><i class="fas fa-mountain"></i> 景点介绍</a>
                        <div class="dropdown-content">
                            <a href="jingdian.html#natural"><i class="fas fa-tree"></i> 自然风光</a>
                            <a href="jingdian.html#historical"><i class="fas fa-landmark"></i> 历史古迹</a>
                            <a href="jingdian.html#cultural"><i class="fas fa-monument"></i> 文化景观</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="luxian.html"><i class="fas fa-route"></i> 旅游线路</a>
                        <div class="dropdown-content">
                            <a href="luxian.html#oneday"><i class="fas fa-sun"></i> 一日游</a>
                            <a href="luxian.html#threedays"><i class="fas fa-calendar-day"></i> 三日游</a>
                            <a href="luxian.html#fivedays"><i class="fas fa-calendar-week"></i> 五日游</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="gonglue.html"><i class="fas fa-map-marked-alt"></i> 旅游攻略</a>
                        <div class="dropdown-content">
                            <a href="gonglue.html#transportation"><i class="fas fa-bus"></i> 交通指南</a>
                            <a href="gonglue.html#accommodation"><i class="fas fa-hotel"></i> 住宿推荐</a>
                            <a href="gonglue.html#tips"><i class="fas fa-info-circle"></i> 注意事项</a>
                            <a href="gonglue.html#besttime"><i class="fas fa-calendar-alt"></i> 最佳旅游时间</a>
                        </div>
                    </li>
                    <li><a href="meishi.html"><i class="fas fa-utensils"></i> 美食推荐</a></li>
                    <li><a href="wenhua.html"><i class="fas fa-theater-masks"></i> 汉文化活动</a></li>
                    <li><a href="contact.html"><i class="fas fa-envelope"></i> 联系我们</a></li>
                    <li><a href="faq.html"><i class="fas fa-question-circle"></i> 常见问题</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main>
        <!-- 轮播图 -->
        <section class="carousel">
            <div class="carousel-container">
                <div class="carousel-slide">
                    <img src="img/attractions/hanzhong.jpg" alt="汉中风光">
                    <div class="carousel-caption">
                        <h2>探索千年古城</h2>
                        <p>感受汉中深厚的历史文化底蕴</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="img/attractions/wuhouci.jpg" alt="武侯祠">
                    <div class="carousel-caption">
                        <h2>三国文化之旅</h2>
                        <p>追寻诸葛亮的足迹</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="img/attractions/youcaihua.jpg" alt="油菜花海">
                    <div class="carousel-caption">
                        <h2>春季油菜花海</h2>
                        <p>金黄色的海洋，醉人的美景</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="img/attractions/hanzhongneishi.jpg" alt="汉中美食">
                    <div class="carousel-caption">
                        <h2>品味汉中美食</h2>
                        <p>舌尖上的汉中，独特的味觉体验</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="img/attractions/zibaishan.jpg" alt="紫柏山国家森林公园">
                    <div class="carousel-caption">
                        <h2>紫柏山国家森林公园</h2>
                        <p>天然氧吧，森林覆盖率高达95%</p>
                    </div>
                </div>
            </div>
            <div class="carousel-controls">
                <button class="carousel-control carousel-prev" aria-label="上一张"><i class="fas fa-chevron-left"></i></button>
                <button class="carousel-control carousel-next" aria-label="下一张"><i class="fas fa-chevron-right"></i></button>
            </div>
            <div class="carousel-indicators">
                <span class="carousel-indicator active"></span>
                <span class="carousel-indicator"></span>
                <span class="carousel-indicator"></span>
                <span class="carousel-indicator"></span>
                <span class="carousel-indicator"></span>
            </div>
        </section>

        <!-- 快速导航 -->
        <section class="container">
            <div class="quick-nav">
                <a href="jingdian.html" class="quick-nav-item">
                    <div class="quick-nav-icon">
                        <i class="fas fa-mountain"></i>
                    </div>
                    <span>景点介绍</span>
                </a>
                <a href="luxian.html" class="quick-nav-item">
                    <div class="quick-nav-icon">
                        <i class="fas fa-route"></i>
                    </div>
                    <span>旅游线路</span>
                </a>
                <a href="gonglue.html" class="quick-nav-item">
                    <div class="quick-nav-icon">
                        <i class="fas fa-map-marked-alt"></i>
                    </div>
                    <span>旅游攻略</span>
                </a>
                <a href="meishi.html" class="quick-nav-item">
                    <div class="quick-nav-icon">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <span>美食推荐</span>
                </a>
                <a href="wenhua.html" class="quick-nav-item">
                    <div class="quick-nav-icon">
                        <i class="fas fa-theater-masks"></i>
                    </div>
                    <span>汉文化活动</span>
                </a>
            </div>
        </section>

        <!-- 汉中简介 -->
        <section class="container section-padding">
            <div class="intro-container">
                <div class="intro-content fade-in">
                    <h2 class="section-title">汉中简介</h2>
                    <p>汉中，古称南郑，位于陕西省南部，是一座有着3000多年历史的文化古城。这里是汉族和汉文化的重要发祥地，也是三国文化的重要遗址。</p>
                    <p>汉中地处秦岭南麓，汉水中游，气候温和，四季分明，自然风光秀美，人文景观丰富。这里有雄伟的秦岭山脉，清澈的汉江水系，还有众多历史古迹和文化遗产。</p>
                    <p>作为"汉家发祥地，三国文化城"，汉中拥有武侯墓、定军山、南湖等著名景点，以及丰富的非物质文化遗产，如汉调桄桄子、汉中皮影戏等。此外，汉中还以其独特的美食文化吸引着众多游客。</p>
                    <div class="intro-buttons">
                        <a href="jingdian.html" class="btn">探索景点</a>
                        <a href="gonglue.html" class="btn btn-outline">旅游攻略</a>
                    </div>
                </div>
                <div class="intro-image fade-in hover-zoom">
                    <img src="img/attractions/hanzhongquanjing.jpg" alt="汉中全景">
                </div>
            </div>
        </section>

        <!-- 热门景点 -->
        <section class="container section-padding">
            <h2 class="section-title">热门景点</h2>
            <div class="features">
                <div class="feature-card slide-in-left">
                    <div class="feature-img hover-overlay">
                        <img src="img/attractions/wuhoumu.jpg" alt="武侯墓">
                    </div>
                    <div class="feature-content">
                        <h3>武侯墓</h3>
                        <p>武侯墓是三国时期蜀汉丞相诸葛亮的墓地，位于陕西省勉县城北的定军山下，是国家AAAA级旅游景区和全国重点文物保护单位。</p>
                        <a href="jingdian.html#wuhoumu" class="btn">了解更多</a>
                    </div>
                </div>
                <div class="feature-card fade-in">
                    <div class="feature-img hover-overlay">
                        <img src="img/attractions/dingjunshan.jpg" alt="定军山">
                    </div>
                    <div class="feature-content">
                        <h3>定军山</h3>
                        <p>定军山是三国时期著名的战场，也是诸葛亮"挥泪斩马谡"的地方。山上有诸葛亮点将台、马谡墓等历史遗迹，风景秀丽，历史底蕴深厚。</p>
                        <a href="jingdian.html#dingjunshan" class="btn">了解更多</a>
                    </div>
                </div>
                <div class="feature-card slide-in-right">
                    <div class="feature-img hover-overlay">
                        <img src="img/attractions/qingmuchuanguzhen.jpg" alt="青木川古镇">
                    </div>
                    <div class="feature-content">
                        <h3>青木川古镇</h3>
                        <p>青木川古镇位于汉中市略阳县，有着600多年历史，被誉为"秦岭深处的小九寨"。古镇保存着大量明清时期的古建筑，山水相依，风景秀美，是体验传统陕南文化的理想去处。</p>
                        <a href="jingdian.html#qingmuchuan" class="btn">了解更多</a>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <a href="jingdian.html" class="btn btn-large">查看更多景点</a>
            </div>
        </section>

        <!-- 最新活动 -->
        <section class="latest-events">
            <div class="container section-padding">
                <h2 class="section-title">最新活动</h2>
                <div class="events-grid">
                    <div class="event-item fade-in">
                        <div class="event-date">
                            <span class="day">15</span>
                            <span class="month">3月</span>
                        </div>
                        <div class="event-content">
                            <h3>2024汉中油菜花节</h3>
                            <div class="event-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 汉中市各县区</span>
                                <span><i class="fas fa-clock"></i> 3月15日-4月15日</span>
                            </div>
                            <p>2024年汉中油菜花节将于3月15日盛大开幕，届时汉中盆地内数十万亩油菜花将竞相绽放，形成壮观的"金色海洋"。活动期间将举办摄影大赛、乡村音乐会、农特产品展销等多项活动。</p>
                            <a href="wenhua.html#festivals" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="event-item fade-in">
                        <div class="event-date">
                            <span class="day">01</span>
                            <span class="month">5月</span>
                        </div>
                        <div class="event-content">
                            <h3>汉中非遗文化展</h3>
                            <div class="event-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 汉中市文化中心</span>
                                <span><i class="fas fa-clock"></i> 5月1日-5月7日</span>
                            </div>
                            <p>五一假期期间，汉中市文化中心将举办非物质文化遗产展示活动，集中展示汉调桄桄子、汉中皮影戏、汉中剪纸等多项非遗项目，游客可以近距离了解汉中传统文化，并参与互动体验。</p>
                            <a href="wenhua.html#heritage" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="event-item fade-in">
                        <div class="event-date">
                            <span class="day">23</span>
                            <span class="month">7月</span>
                        </div>
                        <div class="event-content">
                            <h3>武侯祭祀大典</h3>
                            <div class="event-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 勉县武侯墓</span>
                                <span><i class="fas fa-clock"></i> 7月23日</span>
                            </div>
                            <p>农历七月二十三日是诸葛亮的忌日，当天将在武侯墓举行隆重的祭祀大典，包括传统祭祀仪式、诵读祭文、三国文化表演等环节，吸引众多三国文化爱好者前来参与。</p>
                            <a href="wenhua.html#festivals" class="btn">查看详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 旅游资讯 -->
        <section class="container section-padding">
            <h2 class="section-title">旅游资讯</h2>
            <div class="news-grid">
                <div class="news-item slide-in-left">
                    <div class="news-image hover-zoom">
                        <img src="img/attractions/gaotie.jpg" alt="高铁资讯">
                    </div>
                    <div class="news-content">
                        <span class="news-date">2023-12-15</span>
                        <h3>西安至汉中高铁增开班次</h3>
                        <p>为满足旅客出行需求，西安至汉中高铁线路将从2024年1月起增开班次，每天往返班次将达到20对，进一步方便游客出行。</p>
                        <a href="#" class="news-link">阅读全文 <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="news-item fade-in">
                    <div class="news-image hover-zoom">
                        <img src="img/attractions/jingqu.jpg" alt="景区优惠">
                    </div>
                    <div class="news-content">
                        <span class="news-date">2023-12-10</span>
                        <h3>汉中推出冬季旅游优惠套餐</h3>
                        <p>为促进冬季旅游，汉中市文化和旅游局联合多家景区推出冬季旅游优惠套餐，包含景点门票、住宿和特色体验活动，优惠力度达30%。</p>
                        <a href="#" class="news-link">阅读全文 <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="news-item slide-in-right">
                    <div class="news-image hover-zoom">
                        <img src="img/attractions/shimenzhandao.jpg" alt="石门栈道">
                    </div>
                    <div class="news-content">
                        <span class="news-date">2023-12-01</span>
                        <h3>石门栈道修缮工程完成，重新开放</h3>
                        <p>经过半年的修缮工程，汉中石门栈道已于近日重新对外开放。此次修缮保留了栈道的历史风貌，同时提升了安全性和游览体验，为游客提供更好的旅游环境。</p>
                        <a href="jingdian.html#shimenzhandao" class="news-link">阅读全文 <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- 旅游小贴士 -->
        <section class="tips-section">
            <div class="container section-padding">
                <h2 class="section-title">旅游小贴士</h2>
                <div class="tips-container">
                    <div class="tip-box fade-in">
                        <div class="tip-icon">
                            <i class="fas fa-calendar-alt"></i>
                        </div>
                        <h3>最佳旅游时间</h3>
                        <p>汉中的最佳旅游时间是春季（3-5月）和秋季（9-11月），此时气候宜人，风景优美。春季可以欣赏油菜花海，秋季可以观赏紫柏山和龙头山的红叶。</p>
                    </div>
                    <div class="tip-box fade-in">
                        <div class="tip-icon">
                            <i class="fas fa-plane"></i>
                        </div>
                        <h3>交通出行</h3>
                        <p>汉中有机场、高铁和高速公路，交通便利。市内可乘坐公交车、出租车或共享单车出行，景点之间可选择包车或乘坐班车。</p>
                    </div>
                    <div class="tip-box fade-in">
                        <div class="tip-icon">
                            <i class="fas fa-utensils"></i>
                        </div>
                        <h3>特色美食</h3>
                        <p>来汉中一定要品尝汉中面皮、汉中炕炉羊肉、汉中豆腐等特色美食，这些都是当地最具代表性的传统美食。</p>
                    </div>
                    <div class="tip-box fade-in">
                        <div class="tip-icon">
                            <i class="fas fa-shopping-bag"></i>
                        </div>
                        <h3>特产购物</h3>
                        <p>汉中的特产有汉中仙毫茶、汉中锅巴、木雕、剪纸等，这些都是馈赠亲友的佳品，可在市区特产店或景区购买。</p>
                    </div>
                </div>
                <div class="text-center">
                    <a href="gonglue.html" class="btn">查看详细攻略</a>
                </div>
            </div>
        </section>

        <!-- 用户评价 -->
        <section class="container section-padding">
            <h2 class="section-title">游客评价</h2>
            <div class="testimonials-container">
                <div class="testimonial fade-in">
                    <div class="testimonial-content">
                        <p>"汉中是一座充满历史底蕴的城市，武侯墓和定军山让我深刻感受到了三国文化的魅力。当地人热情好客，美食也很赞，特别是汉中面皮，太好吃了！"</p>
                    </div>
                    <div class="testimonial-author">
                        <img src="img/attractions/touxiang.jpg" alt="用户头像">
                        <div class="author-info">
                            <h4>胖怡</h4>
                            <p>来自北京</p>
                            <div class="rating">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="testimonial fade-in">
                    <div class="testimonial-content">
                        <p>"春天的汉中太美了！漫山遍野的油菜花，金黄一片，美不胜收。南湖公园的樱花也很漂亮，是拍照的好地方。住宿和交通都很方便，推荐大家来玩！"</p>
                    </div>
                    <div class="testimonial-author">
                        <img src="img/attractions/touxiang2.jpg" alt="用户头像">
                        <div class="author-info">
                            <h4>胖晖</h4>
                            <p>来自上海</p>
                            <div class="rating">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star-half-alt"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="testimonial fade-in">
                    <div class="testimonial-content">
                        <p>"作为一个历史爱好者，我对汉中的历史古迹非常着迷。武侯祠、定军山、古城墙等景点都保存得很好。此外，汉中的自然风光也很美，天台山的风景令人难忘。"</p>
                    </div>
                    <div class="testimonial-author">
                        <img src="img/attractions/buer.jpg" alt="用户头像">
                        <div class="author-info">
                            <h4>布二</h4>
                            <p>来自成都</p>
                            <div class="rating">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 订阅区域 -->
        <section class="subscribe-section">
            <div class="container section-padding">
                <div class="subscribe-container">
                    <div class="subscribe-content">
                        <h2>订阅我们的旅游资讯</h2>
                        <p>获取最新的汉中旅游信息、活动预告和独家优惠</p>
                    </div>
                    <form class="subscribe-form" data-validate="true">
                        <input type="email" placeholder="请输入您的邮箱地址" required>
                        <button type="submit" class="btn">订阅</button>
                    </form>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>关于我们</h3>
                    <p>汉中旅游网致力于为游客提供最全面的汉中旅游信息，让您的汉中之行更加便捷、愉快。</p>
                    <div class="social-links">
                        <a href="#" aria-label="微博"><i class="fab fa-weibo"></i></a>
                        <a href="#" aria-label="微信"><i class="fab fa-weixin"></i></a>
                        <a href="#" aria-label="QQ"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="jingdian.html">景点介绍</a></li>
                        <li><a href="luxian.html">旅游线路</a></li>
                        <li><a href="gonglue.html">旅游攻略</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>热门景点</h3>
                    <ul>
                        <li><a href="jingdian.html#wuhoumu">武侯墓</a></li>
                        <li><a href="jingdian.html#nanhu">南湖</a></li>
                        <li><a href="jingdian.html#dingjunshan">定军山</a></li>
                        <li><a href="jingdian.html#guchengqiang">古城墙</a></li>
                        <li><a href="jingdian.html#qingmuchuan">青木川古镇</a></li>
                        <li><a href="jingdian.html#shimenzhandao">石门栈道</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>联系方式</h3>
                    <p><i class="fas fa-map-marker-alt"></i> 地址：陕西省汉中市</p>
                    <p><i class="fas fa-phone"></i> 电话：18165245563</p>
                    <p><i class="fas fa-envelope"></i> 邮箱：1959847182@qq.com</p>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <p>&copy; 2024 汉中旅游网 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>
